<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="img/favicon.ico">
    <title>FPGA实验管理系统-论坛帖子</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">

    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container">
    <!--页面头部开始-->
    <div class="head">
        <div class="head-logo">
            <img src="img/bbs_logo.jpeg" alt="教学论坛" class="img-responsive center-block" />
        </div>

        <!--论坛导航开始-->
        <div class="container-fluid">
            <div class="row bbs-nav">
                <ul class="nav nav-pills">
                    <li><a href="#">C语言</a></li>
                    <li><a href="#">C++</a></li>
                    <li><a href="#">Java</a></li>
                    <li><a href="#">C#</a></li>
                    <li><a href="#">数字电子实验</a></li>
                    <li><a href="#">单片机</a></li>
                    <form action="" method="get" class="form-inline pull-right">
                        <div class="input-group">
                            <input type="text" name="key" class="form-control" placeholder="搜索帖子" size="15"/>
                            <div class="input-group-btn">
                                <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
                            </div>
                        </div>
                    </form>
                </ul>
            </div>
        </div>
        <!--论坛导航结束-->
    </div>
    <!--页面头部结束-->

    <!--页面主体开始-->
    <div class="main">
        <!-- 帖子内容开始 -->
        <div class="bbs-post">
            <h2 class="bbs-post-title">Markdown在线编辑器常用格式及快捷键</h2>
            <ul>
                <li><strong>加粗文字</strong> <code>Ctrl + B</code></li>
                <li><em>斜体文字</em> <code>Ctrl + I</code></li>
                <li><a href="http://bh-lay.com/">链接文字</a> <code>Ctrl + L</code></li>
                <li>图片<img src="src/baoman.jpg" alt="暴漫" title=""> <code>Ctrl + G</code></li>
                <li><code>code</code> <code>Ctrl + Shift + K</code></li>
                <li>代码块 <code>Ctrl + K</code>：</li>
            </ul>
        </div>
        <hr />
        <!-- 帖子内容结束 -->

        <!--我的评论开始-->
        <div class="container-fluid">
            <div class="row">
                <div class="bbs-comment col-md-8">
                    <span class="h4 bbs-comment-title">添加评论</span>
                    <div class="media">
                        <div class="col-md-2 center-block">
                            <a href="media-left"><img src="img/qq.jpeg" class="img-circle img-thumbnail" width="100" height="100"/></a>
                        </div>
                        <div class="col-md-10">
                            <div class="media-body">
                                <p class="text-left"><span class="h4">腾小Q</span></span></p>
                                <div class="form-group">
                                    <textarea name="postComment" id="editor" placeholder="评论屌一点~ Bug少一点~" ></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--我的评论结束-->

        <!--评论列表开始-->
        <div class="bbs-comment-list">
            <span>已有12条评论</span><hr />
            <div class="media">
                <div class="col-md-2">
                    <a href="media-left"><img src="img/1.jpeg" class="img-circle img-thumbnail" width="80" height="80"/></a>
                </div>
                <div class="col-md-10">
                    <div class="media-body">
                        <p class="text-left"><a href="" class="h4">腾小Q</a><span class="pull-right">1F</span></p>
                        <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
                        <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
                    </div>
                </div>
            </div>
            <div class="media">
                <div class="col-md-2">
                    <a href="media-left"><img src="img/5.jpeg" class="img-circle img-thumbnail" width="80" height="80"/></a>
                </div>
                <div class="col-md-10">
                    <div class="media-body">
                        <p class="text-left"><a href="" class="h4">马小云</a><span class="pull-right">2F</span></p>
                        <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
                        <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
                    </div>
                </div>
            </div>
            <div class="media">
                <div class="col-md-2">
                    <a href="media-left"><img src="img/qq.jpeg" class="img-circle img-thumbnail" width="80" height="80"/></a>
                </div>
                <div class="col-md-10">
                    <div class="media-body">
                        <p class="text-left"><a href="" class="h4">腾小Q</a><span class="pull-right">3F</span></p>
                        <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
                        <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
                    </div>
                </div>
            </div>
        </div>
        <!--评论列表结束-->
    </div>
    <!--页面主体结束-->

    <!--页面底部开始-->
    <div class="foot">
        <hr />
        <p class="text-center">版权所有：南京邮电大学实验室中心&nbsp;&nbsp;&nbsp;技术支持：DF 团队&nbsp;&nbsp;联系热线：210-34567788</p>
    </div>
    <!--页面底部结束-->
</div>
<script type="text/javascript" src="js/mditor.js"></script>
<script>
    var postEditor = document.getElementById('editor');
    var meditor = new mditor(postEditor);
</script>
</body>
</html>